* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Tahoma, "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #f5f5f5;
}

.div {
	overflow: hidden;
	margin: 0px auto;
	width: 1519px;
}

iframe {
	border: 0px solid black;
}

section {
	width: 100%;
	overflow: hidden;
	padding: 40px 0px;
	background: #F5F5F5;
}

.div1 {
	position: relative;
	margin: 0px auto;
	width: 1226px;
	height: 303px;
}

.div2 {
	height: 80px;
	background: white;
	border-bottom: 2px solid #ccc;
}

.div2 ul li {
	float: left;
	list-style: none;
}
.div2 ul li:nth-of-type(2){
	position: absolute;
	top: 30px;
	left: 350px;
}
.div2 ul li:nth-of-type(3){
	position: absolute;
	top: 30px;
	left: 730px;
}
.div2 ul li:nth-of-type(4){
	position: absolute;
	top: 30px;
	left: 880px;
}
.div2 ul li:nth-of-type(5){
	position: absolute;
	top: 30px;
	left: 1030px;
}
.div2 ul li:nth-of-type(6){
	position: absolute;
	top: 30px;
	left: 1170px;
}
/*-------------------------------------------------------------------*/
/*多选框*/
/*lable标签的大小、位置、背景颜色更改，在css选择时，“+”代表相邻元素，即当前元素的下一元素*/

#color-input-red+label {
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 28px;
	left: 32px;
}


/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；      该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/

#color-input-red:checked+label:before {
	display: block;
	content: "\2714";
	text-align: center;
	font-size: 16px;
	color: black;
}
input[type=checkbox]{
	visibility: hidden;
}
.span1{
	cursor: default;
	position: absolute;
	top: 30px;
	left: 58px;
}
/*-------------------------------------------------------------*/


.div3{
	overflow: hidden;
	height: 122px;
	background: #fff8f0;
}
.div3:hover{
	background: #fafafa;
}
.div3 ul{
	overflow: hidden;
}
.div3 ul li{
	float: left;
	list-style: none;
}
/*-----------------------------------*/
/*第二个*/
#color-input-red1+label {
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 110px;
	left: 32px;
}


/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；      该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/

#color-input-red1:checked+label:before {
	display: block;
	content: "\2714";
	text-align: center;
	font-size: 16px;
	color: black;
}

/*----------------------------------------------------*/
.div3 ul li:nth-of-type(2){
	position: absolute;
	top: 110px;
	left: 100px;
}
.div3 ul li:nth-of-type(3){
	margin-left: 185px;
	margin-top: 30px;
}
.div3 ul li:nth-of-type(4){
	margin-left: 255px;
	margin-top: 30px;
}
.div3 ul li:nth-of-type(5){
	margin-left: 70px;
	margin-top: 13px;
}
.div3 ul li:nth-of-type(6){
	margin-left: 70px;
	margin-top: 30px;
	color: #c00000;
}
.div3 ul li:nth-of-type(7){
	margin-left: 95px;
	font-size: 25px;
	margin-top: 25px;
	width: 30px;
	text-align: center;
	height: 30px;
	cursor: pointer;
	transition: all 0.3s;
	line-height: 25px;
}
.div3 ul li:nth-of-type(7){
	border-radius: 30px;	
	color: white;
}
.div3 ul li:nth-of-type(7) p{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/cart-grey.png) center center no-repeat;
}
.div3 ul li:nth-of-type(7) p:hover{
	background: url(../img/cart-red.png) center center no-repeat;
}

.input{
	float: left;
	width: 20px;
	height: 31.5px;
	
	background: white;
	border: 1px solid #999;
	margin: 15px 5px;
}
.divl{
	float: left;
	width: 45px;
	text-align: center;
	height: 30px;
	background: white;
	line-height: 30px;
	margin-top: 15px;
	border: 1px solid #999;
}
.gao{
	width: 100%;
	height: 122px;
	background-color: red;
}
.gao p img{
	margin-left: 80px;
	display: inline-block;
	width: 70%;
	height: 40%;
	text-align: center;
}
.gao p{
	background-color: white	;
}


.div4{
	position: relative;
	margin-top: 30px;
	box-shadow: #999999 0px -1px 2px ;
	height: 72px;
	background: white;
}

.div4 ul li{
	list-style: none;
	float: left;
}
/*----------------------------------------------------------*/
#color-input-red2+label {
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 20px;
	left: 35px;
}


/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；      该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/

#color-input-red2:checked+label:before {
	display: block;
	content: "\2714";
	text-align: center;
	font-size: 16px;
	color: black;
}
.span2{
	cursor: default;
	position: absolute;
	top: 260px;
	left: 65px;
}
/*---------------------------------------------------------*/
.span3{
	color: #c00000;
	font-weight: bold;
}

.div4 ul li:nth-of-type(2){
	font-size: 14px;
	color: #999;
	line-height: 14px;
	margin-top: 30px;
	cursor: pointer;
	margin-left: 100px;
}
.div4 ul li:nth-of-type(3){
	margin-left: 25px;
	color: #424242;
	font-size: 14px;
	line-height: 74px;
}
.div4 ul li:nth-of-type(4){
	display: inline-block;
	margin-left: 470px;
	text-align: right;
	color: #424242;
	font-size: 14px;
}
.div4 ul li:nth-of-type(4) p{
	float: left;
	margin-top: 12px;
}
.span4{
	margin-left: 15px;
	font-size: 14px;
	margin-top: 5px;
	font-weight: bold;
	color: #c00000;
}
.span5{
	margin-top: -3px;
	position: absolute;
	font-size: 26px;
	margin-left: 3px;
	font-weight: bold;
	color: #c00000;
}
.span6{
	position: absolute;
	right: 260px;
	top: 40px;
	color: #bf0100;
	font-size: 14px;
}
.div4 ul li:nth-of-type(5){
	width: 200px;
	position: absolute;
	text-align: center;
	right: 0px;
	font-size: 18px;
	color: #fff;
	background-color: #ff3600;
	line-height: 74px;
}
.div4 ul li:nth-of-type(5):hover{
	background-color: #f03400;
}



.span11{
	cursor: default;
	position: absolute;
	top: 26px;
	left: 70px;
}


.iframe2{
	width: 1519px;
	margin-top: -5px;
}